:global {
  .dark {
    --body-bg-color: #131a34;
    --text-color: #e7e9ef;

    --primary-color: #1a365d;
    --secondary-color: #2a4365;
    --tertiary-color: #1a365d;
    --quaternary-color: #2c5282;

    --white-color: #ffffff;
    --black-color: #2d2d2d;
    --gray-color: #2d3748;
    --darkgray-color: #778899;
    --secondary-gray-color: #2a3048;

    --danger-primary-color: #ed5e5e;
    --danger-secondary-color: #ea4747;
    --danger-tertiary-color: #e83030;

    --success-primary-color: #c6f6d5;
    --success-secondary-color: #68d391;
    --success-tertiary-color: #2f855a;

    --warning-primary-color: #dd6b20;
    --warning-secondary-color: #c7601d;
    --warning-tertiary-color: #b0551a;
  }
}
